html {
  font-size: 37.5px;
}

.page {
  z-index: 1;
  position: relative;
  width: 51.2rem;
  height: 28.8rem;
  overflow: hidden;
}

.outer1 {
  z-index: 2;
  height: 28.8rem;
  background-color: rgba(245, 245, 245, 1);
  width: 51.2rem;
  position: relative;
}

.main1 {
  z-index: auto;
  width: 51.2rem;
  height: 28.8rem;
  justify-content: space-between;
}

.wrap1 {
  z-index: 40;
  height: 28.8rem;
  background-color: rgba(55, 58, 110, 1);
  box-shadow: 1px 0px 4px 0px rgba(59, 124, 255, 0.1);
  width: 8.534rem;
  justify-content: flex-start;
}

.section1 {
  z-index: auto;
  width: 8.534rem;
  height: 16.694rem;
}

.layer1 {
  z-index: 122;
  height: 2.294rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.587rem;
}

.info1 {
  z-index: 123;
  width: 3.84rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: PingFangSC-Medium;
  line-height: 0.88rem;
  text-align: left;
}

.layer2 {
  z-index: 114;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.mod1 {
  z-index: auto;
  width: 4.054rem;
  height: 0.694rem;
  justify-content: space-between;
}

.icon1 {
  z-index: 116;
  width: 0.694rem;
  height: 0.694rem;
}

.word1 {
  z-index: 115;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.08rem;
}

.layer3 {
  z-index: 104;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.mod2 {
  z-index: auto;
  width: 4.054rem;
  height: 0.56rem;
  justify-content: space-between;
}

.icon2 {
  z-index: 106;
  width: 0.694rem;
  height: 0.56rem;
}

.info2 {
  z-index: 105;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
}

.layer4 {
  z-index: 95;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.main2 {
  z-index: auto;
  width: 4.054rem;
  height: 0.694rem;
  justify-content: space-between;
}

.wrap2 {
  z-index: 97;
  width: 0.72rem;
  height: 0.694rem;
  background: url(./img/SketchPngf5428694902c6820c52655cb314e865d775c794fb1ea35e5db112871060ead5c.png)
    100% no-repeat;
}

.txt1 {
  z-index: 96;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.08rem;
}

.layer5 {
  z-index: 77;
  height: 1.44rem;
  background-color: rgba(31, 35, 79, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.layer6 {
  z-index: auto;
  width: 4.054rem;
  height: 0.694rem;
  justify-content: space-between;
}

.icon3 {
  z-index: 79;
  width: 0.694rem;
  height: 0.694rem;
}

.word2 {
  z-index: 78;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.08rem;
}

.layer7 {
  z-index: 88;
  height: 1.44rem;
  background-color: rgba(31, 35, 79, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 2.134rem;
}

.info3 {
  z-index: 90;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
}

.layer8 {
  z-index: 89;
  height: 1.44rem;
  background-color: rgba(59, 124, 255, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 2.134rem;
}

.word3 {
  z-index: 91;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
}

.layer9 {
  z-index: 68;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.group1 {
  z-index: auto;
  width: 4.054rem;
  height: 0.747rem;
  justify-content: space-between;
}

.label1 {
  z-index: 70;
  width: 0.694rem;
  height: 0.747rem;
}

.word4 {
  z-index: 69;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.107rem;
}

.layer10 {
  z-index: 61;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.box1 {
  z-index: auto;
  width: 4.054rem;
  height: 0.694rem;
  justify-content: space-between;
}

.icon4 {
  z-index: 63;
  width: 0.694rem;
  height: 0.694rem;
}

.word5 {
  z-index: 62;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.08rem;
}

.layer11 {
  z-index: 51;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.outer2 {
  z-index: auto;
  width: 4.054rem;
  height: 0.56rem;
  justify-content: space-between;
}

.icon5 {
  z-index: 53;
  width: 0.694rem;
  height: 0.534rem;
}

.word6 {
  z-index: 52;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.027rem;
}

.layer12 {
  z-index: 42;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.group2 {
  z-index: auto;
  width: 4.054rem;
  height: 0.694rem;
  justify-content: space-between;
}

.label2 {
  z-index: 44;
  width: 0.694rem;
  height: 0.694rem;
}

.info4 {
  z-index: 43;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.107rem;
}

.wrap3 {
  z-index: auto;
  width: 42.667rem;
  height: 28rem;
}

.group3 {
  z-index: 4;
  height: 2.294rem;
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  width: 42.667rem;
  align-items: flex-end;
}

.mod3 {
  z-index: auto;
  width: 8.534rem;
  height: 2.294rem;
  justify-content: space-between;
}

.mod4 {
  z-index: 9;
  height: 2.294rem;
  background-color: rgba(255, 255, 255, 1);
  width: 4.267rem;
  justify-content: center;
  align-items: center;
}

.info5 {
  z-index: 10;
  width: 1.387rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: left;
}

.mod5 {
  z-index: 6;
  height: 2.294rem;
  background-color: rgba(255, 255, 255, 1);
  width: 4.267rem;
  justify-content: center;
  align-items: center;
}

.info6 {
  z-index: 7;
  width: 0.96rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
}

.group4 {
  z-index: 13;
  height: 1.387rem;
  border-radius: 8px;
  border: 1px solid rgba(151, 151, 151, 1);
  background-color: rgba(59, 124, 255, 1);
  align-self: flex-start;
  width: 4.214rem;
  justify-content: center;
  align-items: center;
  margin: 0.534rem 0 0 1.067rem;
}

.txt2 {
  z-index: 14;
  width: 2.934rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  line-height: 0.534rem;
  text-align: center;
}

.group5 {
  z-index: 11;
  height: 23.254rem;
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  margin-top: 0.534rem;
  width: 40.534rem;
  justify-content: flex-start;
}

.main3 {
  z-index: auto;
  width: 40.534rem;
  height: 7.68rem;
}

.layer13 {
  z-index: 16;
  height: 1.92rem;
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  width: 40.534rem;
  justify-content: flex-end;
}

.wrap4 {
  z-index: auto;
  width: 40.534rem;
  height: 1.28rem;
}

.mod6 {
  z-index: auto;
  width: 29.867rem;
  height: 0.64rem;
  margin-left: 5.334rem;
}

.txt3 {
  z-index: 18;
  width: 2.134rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.533rem;
  font-family: PingFangSC-Medium;
  line-height: 0.64rem;
  text-align: center;
}

.info7 {
  z-index: 19;
  width: 1.067rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.533rem;
  font-family: PingFangSC-Medium;
  line-height: 0.64rem;
  text-align: center;
  margin-left: 12.267rem;
}

.word7 {
  z-index: 20;
  width: 1.067rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.533rem;
  font-family: PingFangSC-Medium;
  line-height: 0.64rem;
  text-align: center;
  margin-left: 13.334rem;
}

.mod7 {
  z-index: 17;
  width: 40.534rem;
  height: 0.027rem;
  background-color: rgba(238, 238, 238, 1);
  align-self: center;
  margin-top: 0.614rem;
}

.layer14 {
  z-index: 34;
  height: 1.92rem;
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  width: 40.534rem;
  justify-content: flex-end;
}

.layer15 {
  z-index: auto;
  width: 40.534rem;
  height: 1.254rem;
}

.group6 {
  z-index: auto;
  width: 30.4rem;
  height: 0.587rem;
  margin-left: 5.44rem;
}

.word8 {
  z-index: 36;
  width: 1.92rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 68, 68, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
}

.word9 {
  z-index: 37;
  width: 0.96rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 68, 68, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
  margin-left: 12.427rem;
}

.info8 {
  z-index: 38;
  width: 2.347rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(59, 124, 255, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
  margin-left: 12.747rem;
}

.group7 {
  z-index: 35;
  width: 40.534rem;
  height: 0.027rem;
  background-color: rgba(238, 238, 238, 1);
  align-self: center;
  margin-top: 0.64rem;
}

.layer16 {
  z-index: 28;
  height: 1.92rem;
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  width: 40.534rem;
  justify-content: flex-end;
}

.section2 {
  z-index: auto;
  width: 40.534rem;
  height: 1.254rem;
}

.group8 {
  z-index: auto;
  width: 30.4rem;
  height: 0.587rem;
  margin-left: 5.44rem;
}

.info9 {
  z-index: 30;
  width: 1.92rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 68, 68, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
}

.txt4 {
  z-index: 31;
  width: 0.96rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 68, 68, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
  margin-left: 12.427rem;
}

.word10 {
  z-index: 32;
  width: 2.347rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(59, 124, 255, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
  margin-left: 12.747rem;
}

.group9 {
  z-index: 29;
  width: 40.534rem;
  height: 0.027rem;
  background-color: rgba(238, 238, 238, 1);
  align-self: center;
  margin-top: 0.64rem;
}

.layer17 {
  z-index: 22;
  height: 1.92rem;
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  width: 40.534rem;
  justify-content: flex-end;
}

.main4 {
  z-index: auto;
  width: 40.534rem;
  height: 1.254rem;
}

.bd1 {
  z-index: auto;
  width: 30.4rem;
  height: 0.587rem;
  margin-left: 5.44rem;
}

.word11 {
  z-index: 24;
  width: 1.92rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 68, 68, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
}

.word12 {
  z-index: 25;
  width: 0.96rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 68, 68, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
  margin-left: 12.427rem;
}

.txt5 {
  z-index: 26;
  width: 2.347rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(59, 124, 255, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
  margin-left: 12.747rem;
}

.bd2 {
  z-index: 23;
  width: 40.534rem;
  height: 0.027rem;
  background-color: rgba(238, 238, 238, 1);
  align-self: center;
  margin-top: 0.64rem;
}

.main5 {
  z-index: 92;
  position: absolute;
  left: 8.347rem;
  top: 10.027rem;
  width: 0.214rem;
  height: 0.374rem;
  background: url(./img/SketchPng5523bb1c3663205293f7e7c8f3cdeeaec59a581e18f0fb0ceadcb8ca5734e540.png)
    0rem 0rem no-repeat;
  background-size: 0.214rem 0.374rem;
}
